.col-3 {
  cursor: pointer;
}
.col-3 a {
  position: relative;
  display: inline-block;
  width: 100%;
  transform-style: preserve-3d;
  transition: .8s;
}
.col-3 a .indexSection-nav-text {
  top: 0;
  left: 0;
  position: absolute;
  background: #fff;
  width: 100%;
  height: 170px;
  transform: rotateX(180deg);
}
.col-3:hover a {
  transform: rotateX(180deg);
}
.indexSection-nav-detail {
  overflow: hidden;
  height: 170px;
}
.indexSection-nav-detail img {
  width: 100%;
  height: 170px;
}
